<!-- 浏览器缓存 -->
https://mp.weixin.qq.com/s/ek8oUDupQ-1lcYBpkTAzwQ
https://mp.weixin.qq.com/s/NBUrv61DVThTN1r_CKQWGQ

<!-- cookie -->
cookie原理

第一次访问网站，浏览器会发送一个请求，服务器响应这个请求，会将cookie放进响应体中。

第二次访问网站，浏览器发送的请求带有cookie，服务器会辨别这个用户的身份


<!-- cookie两种类型—会话cookie和永久性cookie -->

（1）一种是Session Cookies：客户端关闭，数据删除，永久丢失。没有指定的Expires/Max-Age指令，存储在内存。

（2）一种是Persistent Cookies：客户端关闭，数据不会删除。当Expires或者Max-Age过期，才会删除数据，存储在磁盘


<!-- cookie的缺点 -->

存储大小有限最大4KB

http请求时会自动发送给服务器, 增加了请求的数据量

原生的操作语法不太方便操作cookie

浏览器可以设置禁用


<!-- localStorage： --> 
localStorage 是 Web Storage API 的一部分，用于在浏览器中永久性地存储键值对。
这意味着即使用户关闭浏览器标签，数据仍然会保留。
<!-- 存储在localStorage中的数据可以在同一域名下的所有页面中进行访问和共享。 -->


<!-- sessionStorage： --> 
sessionStorage 也是 Web Storage API 的一部分，与 localStorage 类似，但是数据只在会话期间存在。
一旦用户关闭浏览器标签，sessionStorage 中的数据就会被清除。
<!-- 存储在sessionStorage中的数据可以在同一域名下的所有页面中进行访问和共享。 -->

<!-- 区别比较 -->

生命周期：

localStorage 的生命周期是永久的，除非用户清除浏览器缓存。

sessionStorage 的生命周期仅在会话期间，即当用户关闭浏览器标签时结束。

cookie 的生命周期可以通过设置过期时间来控制，可以是会话级别或持久性的。

存储容量：

localStorage 的存储容量通常比较大，一般在 5MB 到 10MB 之间，但是具体取决于浏览器。

sessionStorage 的存储容量也比较大，但与 localStorage 相比，它通常略小。

cookie 的存储容量较小，一般在 4KB 左右，对于小型数据存储是足够的。

数据与服务器通信：

localStorage 和 sessionStorage 的数据仅在客户端存储，不会随每次 HTTP 请求被发送到服务器。

cookie 会在每次 HTTP 请求中被发送到服务器，因此可以用于在客户端和服务器之间传递数据。